<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ADMIN</title>
<link rel="stylesheet" type="text/css" href="css/layout/style.css" />
<link rel="stylesheet" type="text/css" href="css/layout/jquery.fancybox-1.3.4.css" />

<script type="text/javascript" src="scripts/js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="scripts/js/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="scripts/js/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript" src="scripts/layout/ddaccordion.js"></script>
<script src="scripts/layout/jquery.jclock-1.2.0.js.txt" type="text/javascript"></script>
<script type="text/javascript" src="scripts/layout/jconfirmaction.jquery.js"></script>
<script type="text/javascript" src="scripts/layout/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript">
ddaccordion.init({
	headerclass: "submenuheader", //Shared CSS class name of headers group
	contentclass: "submenu", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["suffix", "<img src='images/plus.gif' class='statusicon' />", "<img src='images/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})
</script>
<script type="text/javascript">
	
	$(document).ready(function() {
		$('.ask').jConfirmAction();
		
		$(".fancyboxDemo").fancybox({
			'type' : 'iframe'
			, 'width' : $(window).width() * 0.50
			, 'height' : $(window).height() * 0.90
			, 'autoScale' : false
			, 'hideOnOverlayClick' : false
			, 'onClosed': function() {}
		});
	});
	
</script>
<script type="text/javascript">
$(function($) {
    $('.jclock').jclock();
});
</script>


</head>
<body>
<div id="main_container">

	<div class="header">
    <div class="logo"><a href="#"><img src="images/logo-full-ico.png" alt="" title="" border="0" /></a></div>
    
    <div class="right_header">Welcome Admin | <a href="#" class="logout">Logout</a></div>
    <!--<div class="jclock"></div>-->
    </div>
    
    <div class="main_content">
    
		<div class="menu">
			<ul>
				<li><a class="current" href="index.html">Top 10 sách ban chạy</a></li>
				<li><a href="list.html">Quản lý loại sách<!--[if IE 7]><!--></a><!--<![endif]-->
				</li>
				<li><a href="login.html">Thông tin cá nhân<!--[if IE 7]><!--></a><!--<![endif]-->
				</li>
			</ul>
		</div> 
                    
                    
                    
                    
    <div class="center_content">  
    
    
    
		<div class="left_content">
		
			<div class="sidebarmenu">
			
				<a class="menuitem submenuheader" href="">Quản lý sách</a>
				<div class="submenu">
					<ul>
						<li><a href="">Thông tin sách</a></li>
						<li><a href="">Thêm sách</a></li>
					</ul>
				</div>
				<a class="menuitem submenuheader" href="" >Quản lý nhà sản xuất</a>
				<div class="submenu">
					<ul>
					<li><a href="">Thông tin nhà sản xuất</a></li>
					<li><a href="">Thêm nhà sản xuất</a></li>
					</ul>
				</div>
				<a class="menuitem submenuheader" href="">Thổng kê</a>
				<div class="submenu">
					<ul>
						<li><a href="">Sách bán hôm nay</a></li>
						<li><a href="">Tất cả</a></li>
					</ul>
				</div>
				<a class="menuitem submenuheader" href="">Quản lý banners</a>
				<div class="submenu">
					<ul>
						<li><a href="">Thông tin Banners</a></li>
						<li><a href="">Thêm banners</a></li>
					</ul>
				</div>	
			</div>
		</div>  
		
		<div class="right_content">      
	
			<div >
					
				<form style="margin-right:35px;">
					<h2>Thông tin sách</h2> 
					<input type="image" class="search_submit" src="images/search.png" />
					<input type="text" name="" class="search_input" value="search keyword" onclick="this.value=''" />
					<select  class="search_checkbox" >
						<option value="">Tiem kiem theo</option>
						<option value="">Products</option>
						<option value="">Categories</option>
						<option value="">Clients</option>
						<option value="">News</option>
					</select>
					
					
				</form>            
			</div>			
							
			<table id="rounded-corner" summary="2007 Major IT Companies' Profit">
				<thead>
					<tr>
						<th scope="col" class="rounded-company"></th>
						<th scope="col" class="rounded">Product</th>
						<th scope="col" class="rounded">Details</th>
						<th scope="col" class="rounded">Price</th>
						<th scope="col" class="rounded">Date</th>
						<th scope="col" class="rounded">View / Edit</th>
						<th scope="col" class="rounded-q4">Delete</th>
					</tr>
				</thead>
				<tfoot>
					<tr>
						<td colspan="6" class="rounded-foot-left"><em>Showing results 1 - 10 of 207.</em></td>
						<td class="rounded-foot-right">&nbsp;</td>
					</tr>
				</tfoot>
				<tbody>
					<tr>
						<td><input type="checkbox" name="" /></td>
						<td>Product name</td>
						<td>details</td>
						<td>150$</td>
						<td>12/05/2010</td>

						<td>
							<a class="fancyboxDemo" href="http://localhost/sourceAdmin/view.html" ><img src="images/user_view.png" alt="" title="" border="0" /></a>
							<b>  /  </b>
							<a href="#" ><img src="images/user_edit.png" alt="" title="" border="0" /></a>
						</td>
						<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
					</tr>
					
					<tr>
						<td><input type="checkbox" name="" /></td>
						<td>Product name</td>
						<td>details</td>
						<td>150$</td>
						<td>12/05/2010</td>

						<td>
							<a class="fancyboxDemo" href="http://localhost/sourceAdmin/view.html" ><img src="images/user_view.png" alt="" title="" border="0" /></a>
							<b>  /  </b>
							<a href="#" ><img src="images/user_edit.png" alt="" title="" border="0" /></a>
						</td>
						<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
					</tr> 
					<tr>
						<td><input type="checkbox" name="" /></td>
						<td>Product name</td>
						<td>details</td>
						<td>150$</td>
						<td>12/05/2010</td>

						<td>
							<a class="fancyboxDemo" href="http://localhost/sourceAdmin/view.html" ><img src="images/user_view.png" alt="" title="" border="0" /></a>
							<b>  /  </b>
							<a href="#" ><img src="images/user_edit.png" alt="" title="" border="0" /></a>
						</td>
						<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
					</tr> 
					<tr>
						<td><input type="checkbox" name="" /></td>
						<td>Product name</td>
						<td>details</td>
						<td>150$</td>
						<td>12/05/2010</td>

						<td>
							<a class="fancyboxDemo" href="http://localhost/sourceAdmin/view.html" ><img src="images/user_view.png" alt="" title="" border="0" /></a>
							<b>  /  </b>
							<a href="#" ><img src="images/user_edit.png" alt="" title="" border="0" /></a>
						</td>
						<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
					</tr> 
					<tr>
						<td><input type="checkbox" name="" /></td>
						<td>Product name</td>
						<td>details</td>
						<td>150$</td>
						<td>12/05/2010</td>

						<td>
							<a class="fancyboxDemo" href="http://localhost/sourceAdmin/view.html" ><img src="images/user_view.png" alt="" title="" border="0" /></a>
							<b>  /  </b>
							<a href="#" ><img src="images/user_edit.png" alt="" title="" border="0" /></a>
						</td>
						<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
					</tr> 
					<tr>
						<td><input type="checkbox" name="" /></td>
						<td>Product name</td>
						<td>details</td>
						<td>150$</td>
						<td>12/05/2010</td>

						<td>
							<a class="fancyboxDemo" href="http://localhost/sourceAdmin/view.html" ><img src="images/user_view.png" alt="" title="" border="0" /></a>
							<b>  /  </b>
							<a href="#" ><img src="images/user_edit.png" alt="" title="" border="0" /></a>
						</td>
						<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
					</tr> 
					<tr>
						<td><input type="checkbox" name="" /></td>
						<td>Product name</td>
						<td>details</td>
						<td>150$</td>
						<td>12/05/2010</td>

						<td>
							<a class="fancyboxDemo" href="http://localhost/sourceAdmin/view.html" ><img src="images/user_view.png" alt="" title="" border="0" /></a>
							<b>  /  </b>
							<a href="#" ><img src="images/user_edit.png" alt="" title="" border="0" /></a>
						</td>
						<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
					</tr> 
					<tr>
						<td><input type="checkbox" name="" /></td>
						<td>Product name</td>
						<td>details</td>
						<td>150$</td>
						<td>12/05/2010</td>

						<td>
							<a class="fancyboxDemo" href="http://localhost/sourceAdmin/view.html" ><img src="images/user_view.png" alt="" title="" border="0" /></a>
							<b>  /  </b>
							<a href="#" ><img src="images/user_edit.png" alt="" title="" border="0" /></a>
						</td>
						<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
					</tr> 
					<tr>
						<td><input type="checkbox" name="" /></td>
						<td>Product name</td>
						<td>details</td>
						<td>150$</td>
						<td>12/05/2010</td>

						<td>
							<a class="fancyboxDemo" href="http://localhost/sourceAdmin/view.html" ><img src="images/user_view.png" alt="" title="" border="0" /></a>
							<b>  /  </b>
							<a href="#" ><img src="images/user_edit.png" alt="" title="" border="0" /></a>
						</td>
						<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
					</tr> 
					<tr>
						<td><input type="checkbox" name="" /></td>
						<td>Product name</td>
						<td>details</td>
						<td>150$</td>
						<td>12/05/2010</td>

						<td>
							<a class="fancyboxDemo" href="http://localhost/sourceAdmin/view.html" ><img src="images/user_view.png" alt="" title="" border="0" /></a>
							<b>  /  </b>
							<a href="#" ><img src="images/user_edit.png" alt="" title="" border="0" /></a>
						</td>
						<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
					</tr> 
					
					<tr>
						<td><input type="checkbox" name="" /></td>
						<td>Product name</td>
						<td>details</td>
						<td>150$</td>
						<td>12/05/2010</td>

						<td>
							<a class="fancyboxDemo" href="http://localhost/sourceAdmin/view.html" ><img src="images/user_view.png" alt="" title="" border="0" /></a>
							<b>  /  </b>
							<a href="#" ><img src="images/user_edit.png" alt="" title="" border="0" /></a>
						</td>
						<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
					</tr>
					
					<tr>
						<td><input type="checkbox" name="" /></td>
						<td>Product name</td>
						<td>details</td>
						<td>150$</td>
						<td>12/05/2010</td>

						<td>
							<a class="fancyboxDemo" href="http://localhost/sourceAdmin/view.html" ><img src="images/user_view.png" alt="" title="" border="0" /></a>
							<b>  /  </b>
							<a href="#" ><img src="images/user_edit.png" alt="" title="" border="0" /></a>
						</td>
						<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
					</tr>  
					<tr>
						<td><input type="checkbox" name="" /></td>
						<td>Product name</td>
						<td>details</td>
						<td>150$</td>
						<td>12/05/2010</td>

						<td>
							<a class="fancyboxDemo" href="http://localhost/sourceAdmin/view.html" ><img src="images/user_view.png" alt="" title="" border="0" /></a>
							<b>  /  </b>
							<a href="#" ><img src="images/user_edit.png" alt="" title="" border="0" /></a>
						</td>
						<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
					</tr>
					
					<tr>
						<td><input type="checkbox" name="" /></td>
						<td>Product name</td>
						<td>details</td>
						<td>150$</td>
						<td>12/05/2010</td>

						<td>
							<a class="fancyboxDemo" href="http://localhost/sourceAdmin/view.html" ><img src="images/user_view.png" alt="" title="" border="0" /></a>
							<b>  /  </b>
							<a href="#" ><img src="images/user_edit.png" alt="" title="" border="0" /></a>
						</td>
						<td><a href="#" class="ask"><img src="images/trash.png" alt="" title="" border="0" /></a></td>
					</tr>    
					
				</tbody>
			</table>
			 
			<div class="pagination">
			<span class="disabled"><< prev</span><span class="current">1</span><a href="">2</a><a href="">3</a><a href="">4</a><a href="">5</a>…<a href="">10</a><a href="">11</a><a href="">12</a>...<a href="">100</a><a href="">101</a><a href="">next >></a>
			</div> 
		</div><!-- end of right content-->
            
                    
	</div>   <!--end of center content -->               
                    
                    
    
    
    <div class="clear"></div>
    </div> <!--end of main content-->
	
    
    <div class="footer">
    	<div class="left_footer">Powered by <a href="#">ThanhBR39@gmail.com</a></div>
    </div>

</div>		
</body>
</html>